/*导航栏目切换样式*/
var navnow = $(".p-nav ul .hover").index();
if (navnow >= 0) {
    $(".border-bottoms").css({
        "left": $(".p-nav li").eq(navnow).position().left,
        "width": $(".p-nav li").eq(navnow).width()
    });
} else {
    $(".border-bottoms").hide();
}
$(".p-nav li").hover(function (e) {
    $(".border-bottoms").show();
    $(".p-nav .hover").removeClass("hover");
    $(this).addClass("hover");
    $(".border-bottoms").css({"left": $(this).position().left, "width": $(this).width()});
}, function (e) {
    $(".p-nav .hover").removeClass("hover");
    if (navnow >= 0) {
        $(".p-nav li").eq(navnow).addClass("hover");
        $(".border-bottoms").css({
            "left": $(".p-nav li").eq(navnow).position().left,
            "width": $(".p-nav li").eq(navnow).width()
        });
        return;
    }
    $(".border-bottoms").hide();
});


var layer;
layui.use(['laytpl', 'flow', 'layer', 'laypage'], function () {
    var laytpl = layui.laytpl;
    var flow = layui.flow;
    layer = layui.layer;
    var laypage = layui.laypage;

    /*初始化加载*/

    function tpl(result,page) {

        laytpl($("#tg-list").html()).render(result.data, function (html) {
            $(".tg-list").html(html);
        });

        if (page === 1 && result.page_all>0) {
            laypage.render({
                elem:'page',
                count: result.count,
                auto:true,
                limit: 12,
                jump: function (obj, first) {
                    if (!first) {
                        $(".tg-list").append('<div class="bai"><div class="loadings layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></div></div>');
                        setTimeout(function () {
                            tglist(obj.curr)
                        }, 1000);
                    }
                }
            });
        }
    }
    tglist(1);
    function tglist(page) {
        $("#page").show();
        request({
            url: "/api/user_tg_list/" + $(".getuuid").data("uuid") + ".html",
            loading: false,
            data: {'page': page},
            success: function (result) {
                $(".home .loadings").hide();
                tpl(result,page)
            }
        })
    }


    /* 导航栏目点击事件 */
    $(".p-nav ul li").click(function (e) {
        navnow = $(".p-nav ul .hover").index();
        $("section>div").hide();
        var div = $("." + $(this).attr("data-div"));
        $('body,html').animate({scrollTop: 0}, 0);
        div.show();

        if ($(this).attr("data-div") === "pl") {
            if (!div.find("ul").html()) {
                /*评论流式加载*/
                flow.load({
                    elem: '.pl-lists',
                    isAuto: true,
                    done: function (page, next) {
                        request({
                            url: "/api/user_pl_list/" + $(".getuuid").data("uuid") + ".html",
                            loading: false,
                            data: {
                                'page': page
                            },
                            success: function (result) {
                                if (page === 1) {
                                    $(".loadings").hide();
                                    $(".layui-flow-more").show();
                                }
                                if (result.pages === 0) {//防止页数为0的时候 出现 没有更多了
                                    $(".layui-flow-more").hide();
                                }
                                result.data.pages = result.pages;
                                laytpl($("#pl-list").html()).render(result.data, function (html) {
                                    next(html, page < result.pages);
                                });
                            }
                        })

                    }
                });
            }
        } else if ($(this).attr("data-div") === "other") {
            $(".loadings").hide();
        }
    });
});

//教程没有链接的时候；
function msg() {
    layer.msg("待审核或不通过的教程 是无法查看的哦！");
}

/* 联系QQ弹出框 */
function lxzz(qq) {
    if (qq) {
        if (qq === "---") {
            layer.open({
                type: 0,
                shadeClose: true,
                skin: 'atuikeLayerSkin1',
                content: '该作者由于违反本站管理规范，已被管理员封禁账号。无法联系',
                btn: ['我知道了']
            });
            return;
        }
        layer.open({
            type: 0,
            shadeClose: true,
            skin: 'atuikeLayerSkin1',
            content: '请不要和作者发生任何<font color="red"> 金钱交易 </font> 注意防范网络诈骗 保护好自己财产！',
            btn: ['继续联系', '取消'],
            yes: function () {
                window.open("http://wpa.qq.com/msgrd?v=3&uin=" + qq + "&site=qq&menu=yes", "_blank");
                layer.closeAll();
            }
        });
    } else {
        layer.open({
            type: 0,
            shadeClose: true,
            skin: 'atuikeLayerSkin1',
            content: '该作者没有填写QQ联系方式，无法联系~',
            btn: ['我知道了']
        });
    }
}